
<!DOCTYPE html>
<html>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<head>
    <meta charset="utf-8"/>
    <title>商品详情</title>
    <link rel="stylesheet" type="text/css" href="../styles/style.css">
    <link rel="stylesheet" type="text/css" href="http://cdn.eshow.org.cn/libs/OwlCarousel/2.2.1/assets/owl.carousel.min.css">
    <link rel="stylesheet" type="text/css" href="http://cdn.eshow.org.cn/libs/OwlCarousel/2.2.1/assets/owl.theme.default.min.css">
</head>
<body>

<div class="pg-productview f-fs2">
    <div class="u-pimgs">
        <div class="productimg owl-carousel owl-theme">
            <div class="item">
            <img src="../images/img/p.png">
            </div>
            <div class="item"><img src="../images/img/p.png"> </div>
            <div class="item"><img src="../images/img/p.png"> </div>
            <div class="item"><img src="../images/img/p.png"> </div>
        </div>
    </div>
    <div class="u-vinfo">
        <div class="u-comb">
            <em>399</em>
            <span>用户评价</span>
            <a href="">查看</a>
        </div>
        <div class="u-tex">
            <p class="name">商品名称</p>
            <span class="info">这个不错啊 挺好的</span>
            <span class="price">￥ 199.99</span>
        </div>
    </div>

    <div class="m-product-imgs">
        <p>
        <img src="../images/img/u1.jpg" style=""/>
        </p >
        <p>
        <img src="../images/img/u2.jpg" style=""/>
        </p >
        <p>
        <img src="../images/img/u3.jpg" style=""/>
        </p >
        <p>
        <img src="../images/img/u4.jpg" style=""/>
        </p>
        <p>
        <br/>
    </p >
    </div>

    <div class="m-commentbox">
        <div class="u-hd">
            <span>商品评价</span>
            <span class="more">
                查看全部
                <i class="iconfont icon-more"></i>
            </span>
        </div>
    <div class="m-tags">
        <a href="">服务不错(212)</a>
        <a href="">质量很好(212)</a>
        <a href="">味道很好(212)</a>
        <a href="">质量很好(212)</a>
        <a href="">味道很好(212)</a>
    </div>
    <div class="m-commlist">
        <div class="u-item">
            <div class="u-ath">
                <img src="../images/df.png">
                <span class="name">张小泉</span>
                <span class="data">2017-12-12</span>
            </div>
            <div class="u-text">
                <p class="info">东西不东西不错呀东西不错呀错呀</p>
                <div class="imgs f-cb">
                    <span style="background-image:url('../images/img/p.png')"></span>
                    <span style="background-image:url('../images/img/p.png')"></span>
                    <span style="background-image:url('../images/img/p.png')"></span>
                    <span style="background-image:url('../images/img/p.png')"></span>
                </div>
                <p class="size">规格数量：21</p>
            </div>
        </div>
        <div class="u-item">
            <div class="u-ath">
                <img src="../images/df.png">
                <span class="name">张小泉</span>
                <span class="data">2017-12-12</span>
            </div>
            <div class="u-text">
                <p class="info">东西不东西不错呀东西不错呀错呀</p>
                <div class="imgs f-cb">
                    <span onclick="openImg('../images/img/p.png')" style="background-image:url('../images/img/p.png')"></span>
                    <span  onclick="openImg('../images/img/p.png')" style="background-image:url('../images/img/p.png')"></span>
                    <span  onclick="openImg('../images/img/p.png')" style="background-image:url('../images/img/p.png')"></span>
                    <span  onclick="openImg('../images/img/p.png')" style="background-image:url('../images/img/p.png')"></span>
                </div>
                <p class="size">规格数量：21</p>
            </div>
        </div>
    </div>
    </div>
</div>




<!-- <div class="m-pview-bottom">
    <span class="u-cart">
        <i class="iconfont icon-cart"></i>
        <em>1</em>
    </span>
    <span class="u-collection">
        <i  collection="0"></i>
    </span>
    <a class="u-btn u-btn-danger">立即购买</a>
    <a class="u-btn u-btn-danger">加入购物车</a>
</div> -->

<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="../assets/EShowmb/EShowmb.min.js"></script>
<script src="../scripts/base.js"></script>
<script src="http://cdn.eshow.org.cn/libs/OwlCarousel/2.2.1/owl.carousel.min.js"></script>


<script>
    //商品图片切换
    $(document).ready(function() {
        $(".productimg").owlCarousel({items:1,responsiveClass:true});
    });

    function openImg(url) {
        var _htm = '<img style="width:100%;" src="'+ url +'"/>'
        layer.open({
            style: 'background:none',
            content:_htm
        })
    }
</script>
</body>

</html>
